<!doctype html>
<html>
<head>
  <title>浮动窗口</title>
<link type="text/css" rel="stylesheet" href="../css/style.css" />
<script type="text/javascript" src="../jquery/jquery-1.4.2.js"></script>
<script type="text/javascript" src="../js/popbox.js"></script>
    <script type="text/javascript">
		$(document).ready(function(){
			  var b = $("#b");
			  var overFlow = $("#myPopBox");
			  b.click(function(){
					overFlow.fadeIn();
					$("#mask").css("background","#000");
					$("#mask").css("opacity","0.8");
			  })
			  $("#close").click(function(){
				  overFlow.fadeOut();
					$("#mask").css("background","#fff");
					$("#mask").css("opacity","1");
			  });
			  ne.popbox($("#myPopBox"),$("#title"));
		}) ;
    </script>
</head>
<body>
    <div id="popBox" class="popBox">
        <div class="popBoxHead">
        	浮动窗口
            <a href="javascript:void(0);" class="popBoxClose">X</a>
        </div>
        <div class="popBoxContent"></div>
    </div>
</body>
</html>